<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Hello</title>
	</head>
	<body>
		<!-- 标题：headline -->
		<h1>一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4>四级标题</h4>
		<h5>五级标题</h5>
		<h6>六级标题</h6>
		<!-- p:paragraph -->
		<p>京东（股票代码：JD），中国自营式电商企业，创始人刘强东担任京东集团董事局主席兼首席执行官 [1]  。旗下设有京东商城、京东金融、拍拍网、京东智能、O2O及海外事业部等。
		2013年正式获得虚拟运营商牌照</p>
		<p>王老师是java讲师，秦老师是ui讲师</p>
		<img src="img/jd.jpg"></img> 
		<img src="img/jd.jpg" width="100px" height="200px"/>
		<!-- 换行 -->
		<br/>
		<!-- a:超链接
		target="_blank" 在新窗口打开 -->
		<a href="http://www.baidu.com" target="_blank">超链接跳转到百度</a>
		<!-- 水平线 horizontal 水平 vertical 垂直 -->
		<hr />
		<!-- ul:unordered list 无序列表 -->
		<ul>
			<!-- li*4  list item-->
			<li>北京</li>
			<li>上海</li>
			<li>深圳</li>
			<li>广州</li>
		</ul>
		<!-- ol:ordered list 有序列表   语义-->
		<ol>
			<li>北京</li>
			<li>上海</li>
			<li>深圳</li>
			<li>广州</li>
		</ol>
		
		<span><u>山东省</u><i>青岛市</i><span style="color: red;">城阳区</span><b>春阳路大润发</b></span>
		<a href="http://www.baidu.com" target="_blank">超链接跳转到百度</a>
		
		<!-- 空格折叠现象 
			普通的空格在html中如果连续出现多次会被当成一个空格，
			如果想显示多个连续的空格就需要使用特殊的符号
			&nbsp;  
		-->
		<div>
			锄禾日当&nbsp;&nbsp;&nbsp;&nbsp;午<br />
			汗滴禾下&nbsp;&nbsp;&nbsp;&nbsp;土<br />
			谁知盘中&nbsp;&nbsp;&nbsp;&nbsp;餐<br />
			粒粒皆辛&nbsp;&nbsp;&nbsp;&nbsp;苦<br />
			
			&copy;
			&lt;h1&gt;
			
		</div>
	</body>
</html>
